body{
	background:url('../img/bg.png') no-repeat;
	width:480px;
	height: 320px;
	padding:0px;
	margin:0px;
	font-size: 12px;
	position: relative;
}
#header{
	position: absolute;
	top: 0px;
	line-height:20px;
	z-index: 99;
}
.posfloatl{
	float:left;
}
.posfloatr{
	float:right;
}
.posclear{
	clear:both;
}
ul li{
	list-style-type: none;
}
.detail_kid{
	padding-left: 20px;
}
.font_size_18{
	font-size: 18px;
	font-weight: bold;
}
.font_size_14{
	font-size: 14px;
	line-height:24px;
	padding-right: 10px;
}
.font_size_12{
	font-size: 12px;
	line-height:24px;
	padding-right: 10px;
	cursor: pointer;
}
.userinfo{
	width: 400px;
	height: 300px;
}
.reg_form{
	padding: 80px 150px;
}
.field{
	width:30%;
	text-align: right;
	line-height: 24px;
}
.input100{
	width:100px;
}
.login_form{
	padding: 80px 150px;
}
.new_kid_form{
	margin: 100px 150px;
}
.loading{
	border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius:10px;
	-webkit-border-radius: 10px;
	background-color: #FFFFFF;
	min-width: 100px;
	padding: 20px;
}
.bonus_now_day{
	color: #FFF;
	cursor: pointer;
}
.bonus_selected{
	font-weight: bold;
}
#main{
	position: absolute;
	z-index: 1;
	width:480px;
}
.main_height{
	width:480px;
	height:288px;
}
#content{
	position: relative;
	height:288px;
}
#person{
	position:absolute;
	right:0px;
}
#list_kid_html{
	padding-top:20px;
}
.girl{
	width: 130px;
	height: 261px;
	text-align:center;
	position: relative;
	float: left;
}
.girl .body{
	width: 130px;
	z-index: 2;
	position: absolute;
}
.girl .hair{
	width: 130px;
	top:-14px;
	z-index: 3;
	position: absolute;
}
.girl .eyes{
	width: 130px;
	top:55px;
	z-index: 2;
	position: absolute;
}
.girl .jacket{
	width: 130px;
	top:113px;
	z-index: 4;
	position: absolute;
}
.girl .trouser{
	width: 130px;
	top:159px;
	z-index: 3;
	position: absolute;
}
.girl .clothes{
	width: 130px;
	top:114px;
	z-index: 3;
	position: absolute;
}
.girl .shoes{
	width: 130px;
	/*top:234px;*/
	bottom:0px;
	z-index: 3;
	height:28px;
	position: absolute;
}
.girl .yy{
	width: 130px;
	/*top:234px;*/
	bottom:-10px;
	z-index: 2;
	height:27px;
	position: absolute;
}
.boy{
	width: 118px;
	height: 261px;
	text-align:center;
	position: relative;
	float: left;
}
.boy .body{
	width: 118px;
	z-index: 2;
	position: absolute;
}
.boy .hair{
	width: 118px;
	top:-11px;
	z-index: 3;
	position: absolute;
}
.boy .eyes{
	width: 118px;
	top:55px;
	z-index: 2;
	position: absolute;
}
.boy .jacket{
	width: 118px;
	top:105px;
	z-index: 4;
	position: absolute;
}
.boy .trouser{
	width: 118px;
	top:151px;
	z-index: 3;
	position: absolute;
}
.boy .shoes{
	width: 118px;
	height:27px;
	bottom:0px;
	/*top:241px;*/
	z-index: 3;
	position: absolute;
}
#footer{
	position: absolute;
	bottom:0px;
	z-index: 0;
}
.hidden_button{
	display: none;
}

#clothes_shop {
    top:45px;
    height: 248px;
    /*overflow:auto;*/
    position:absolute; z-index:1;
    /*height:118px;*/
    width:400px;
    overflow:auto;
}
#clothes_shop ul{
    list-style:none;
}
#scroller {
	position:absolute; z-index:1;
/*	-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	width:100%;
	padding:0;
}

#scroller ul {
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
	text-align:left;
}

#scroller li {
	padding:0 10px;
	line-height:40px;
	/*border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
	background-color:#fafafa;*/
	font-size:14px;
    clear: both;
}

#myFrame {
	position:absolute;
	top:0; left:0;
}

#scroller li div{
	float:left;

}

#clothes_shop_nav nav {
    padding-right:5px;
    float: left;
}

